<!DOCTYPE html>
<html data-theme="">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>lazycat</title>
    <link rel="icon" href="../favicon.ico">
    <meta name="description" content="别忘了答应自己的事，别忘了想去的地方">
    <meta name="keywords" content="lazycat,jonk,jonk导航页,jonk引导页">
    <meta name="og:title" contect="jonk导航页">
    <meta name="og:type" contect="website">
    <meta property="og:locale" content="zh_CN">
    <meta name="og:image" contect="favicon.ico">
    <meta name="og:url" contect="https://jonk.top">
    <meta name="og:description" contect="别忘了答应自己的事，别忘了想去的地方">
    <meta name="og:site_name" contect="jonk">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="./web_files/style.css">
</head>
<!-- 刷新加载动画 -->

<body onload=getD1()>
<div id="PageLoading" style="opacity: 0; background-size: 200%;">
    <div id="PageLoading-zyyo">
        <div id="PageLoading-zyyo-center" style="height: 500px; width: 500px; opacity: 0;">
            <div class="object" id="object_four"></div>
            <div class="object" id="object_three"></div>
            <div class="object" id="object_two"></div>
            <div class="object" id="object_one"></div>
        </div>
    </div>
</div>

<div class="main">

    <div onclick="left()" class="left">
        <div class="left-main">

            <div class="logo" style="background-image: url(./static/head.ico);">
                <img style="position: absolute;top:-15%;left:-10%;width: 120%; aspect-ratio: 1/1;"
                     src="./web_files/logo4.png" alt="头像框" title="jonk">
            </div>

            <div class="left-div left-des">
                <div class="left-div-item">
                    <svg t="1705773709627" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="1478" width="20px" height="20px">
                        <path
                                d="M512 249.976471c-99.388235 0-180.705882 81.317647-180.705882 180.705882s81.317647 180.705882 180.705882 180.705882 180.705882-81.317647 180.705882-180.705882-81.317647-180.705882-180.705882-180.705882z m0 301.17647c-66.258824 0-120.470588-54.211765-120.470588-120.470588s54.211765-120.470588 120.470588-120.470588 120.470588 54.211765 120.470588 120.470588-54.211765 120.470588-120.470588 120.470588z"
                                fill="#000000" p-id="1479"></path>
                        <path
                                d="M512 39.152941c-216.847059 0-391.529412 174.682353-391.529412 391.529412 0 349.364706 391.529412 572.235294 391.529412 572.235294s391.529412-222.870588 391.529412-572.235294c0-216.847059-174.682353-391.529412-391.529412-391.529412z m0 891.482353C424.658824 873.411765 180.705882 686.682353 180.705882 430.682353c0-183.717647 147.576471-331.294118 331.294118-331.294118s331.294118 147.576471 331.294118 331.294118c0 256-243.952941 442.729412-331.294118 499.952941z"
                                fill="#000000" p-id="1480"></path>
                    </svg>
                    成都
                </div>
                <div class="left-div-item">
                    <svg t="1705773906032" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2474" width="20px" height="20px">
                        <path
                                d="M729.6 234.666667H294.4V157.866667a51.2 51.2 0 0 1 51.2-51.2h332.8a51.2 51.2 0 0 1 51.2 51.2v76.8z m179.2 51.2a51.2 51.2 0 0 1 51.2 51.2v512a51.2 51.2 0 0 1-51.2 51.2H115.2a51.2 51.2 0 0 1-51.2-51.2v-512a51.2 51.2 0 0 1 51.2-51.2h793.557333z m-768 172.032c0 16.384 13.312 29.696 29.696 29.696h683.008a29.696 29.696 0 1 0 0-59.392H170.410667a29.696 29.696 0 0 0-29.696 29.696z m252.416 118.784c0 16.384 13.312 29.696 29.696 29.696h178.176a29.696 29.696 0 1 0 0-59.392H422.912a29.738667 29.738667 0 0 0-29.696 29.696z"
                                fill="#000000" p-id="2475"></path>
                    </svg>
                    打工仔
                </div>
            </div>
            <div class="left-div left-tag">
                <div class="left-tag-item">
                    程序猿
                </div>
                <div class="left-tag-item">
                    JAVA
                </div>
                <div class="left-tag-item">
                    LOL
                </div>
                <div class="left-tag-item">
                    成都打工仔
                </div>
                <div class="left-tag-item">
                    方舟狂热粉
                </div>
                <div class="left-tag-item">
                    捡垃圾初学者
                </div>
                <div class="left-tag-item">
                    刚毕业N年的大学生
                </div>
                <div class="left-tag-item">
                    拥有一个最幸福的家
                </div>
            </div>


            <div class="left-div left-time">
                <ul id="line">
                    <li>
                        <div class="focus"></div>
                        <div>2024-1-31</div>
                        <div>导航页准备好咯</div>
                    </li>
                    <li>
                        <div class="focus"></div>
                        <div>2024-01-01</div>
                        <div>方舟服务器开服</div>
                    </li>
                    <li>
                        <div class="focus"></div>
                        <div>2023-3-22</div>
                        <div>ICP备案成功</div>
                    </li>
                    <li>
                        <div class="focus"></div>
                        <div>2022-03-12</div>
                        <div>注册域名jonk.top</div>
                    </li>
                    <li>
                        <div class="focus"></div>
                        <div>2010-06-28</div>
                        <div>初入社会惨遭毒打</div>
                    </li>
                    <li>
                        <div class="focus"></div>
                        <div>...</div>
                        <div>...</div>
                    </li>
                    <li>
                        <div class="focus"></div>
                        <div>1991-03-12</div>
                        <div>第一次竞争获胜</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="right">


        <header> <!-- 头部开始 -->
            <div class="welcome">Hello, I'm <span class="gradientText">Jonk</span></div>
            <div class="description">👦 A<span class="purpleText"> Full Stack</span> Developer</div>
            <div class="description">🕜 <span class="purpleText" id="datetime"></div>
            <div class="description">
                <iframe class="m-mobile-show-weather"
                        style="padding-left: 8px;padding-top: 8px;" allowtransparency="true" frameborder="0" width="155"
                        height="40" scrolling="no"
                        src="//tianqi.2345.com/plugin/widget/index.htm?s=3&amp;z=2&amp;t=0&amp;v=0&amp;d=3&amp;bd=0&amp;k=&amp;f=&amp;ltf=009944&amp;htf=cc0000&amp;q=1&amp;e=1&amp;a=1&amp;c=54511&amp;w=180&amp;h=36&amp;align=left"></iframe>
            </div>

            <div class="iconContainer"> <!-- 图标容器开始 -->

                <!-- 图标我全部是iconfont找的，可以自行更换 -->
                <!---->

                <a class="iconItem" target="_blank" href="https://github.com/zhouyqxy">
                    <svg t="1704870335945" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2487" width="22px" height="22px">
                        <path
                                d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9 23.5 23.2 38.1 55.4 38.1 91v112.5c0.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"
                                fill="#000000" p-id="2488"></path>

                    </svg>
                    <div class="iconTip">Github</div>
                </a>
                <a class="iconItem" target="_blank" href="https://gitee.com/zhouyqxy">
                    <svg t="1706672787893" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="4466" width="200" height="200">
                        <path
                                d="M690.194 479.706H496.998v0.004c-9.275 0-16.798 7.518-16.8 16.795l-0.016 42h-0.004c-0.002 9.277 7.518 16.799 16.796 16.803h0.004l117.618-0.004c9.277 0 16.8 7.522 16.8 16.8v8.4c0 27.832-22.564 50.398-50.399 50.398h-159.61c-9.277 0-16.797-7.522-16.797-16.8l-0.004-159.597h-0.002c0-27.834 22.562-50.398 50.397-50.4h0.002l235.164 0.002v-0.011c9.275 0 16.794-7.516 16.8-16.789l0.037-41.999h0.011c0.006-9.277-7.512-16.804-16.79-16.81h-0.01l-235.195 0.01c-69.586 0-125.998 56.412-125.998 125.997L329 689.701c0 9.277 7.522 16.8 16.8 16.8h247.796c62.628 0 113.398-50.768 113.398-113.397v-96.599c0-9.277-7.522-16.799-16.8-16.799z"
                                p-id="4467"></path>
                    </svg>
                    <div class="iconTip">Gitee</div>
                </a>
                <!---->
                <a class="iconItem" target="_blank" href="mailto:jonk@jonk.top">
                    <svg t="1704870588438" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="3174" width="22px" height="22px">
                        <path
                                d="M926.47619 355.644952V780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142857V355.644952l304.103619 257.828572a170.666667 170.666667 0 0 0 220.745142 0L926.47619 355.644952zM853.333333 170.666667a74.044952 74.044952 0 0 1 26.087619 4.778666 72.704 72.704 0 0 1 30.622477 22.186667 73.508571 73.508571 0 0 1 10.678857 17.67619c3.169524 7.509333 5.12 15.652571 5.607619 24.210286L926.47619 243.809524v24.380952L559.469714 581.241905a73.142857 73.142857 0 0 1-91.306666 2.901333l-3.632762-2.925714L97.52381 268.190476v-24.380952a72.899048 72.899048 0 0 1 40.155428-65.292191A72.97219 72.97219 0 0 1 170.666667 170.666667h682.666666z"
                                fill="#000000" p-id="3175"></path>
                    </svg>
                    <div class="iconTip">Mail</div>
                </a>

                <a class="iconItem" onclick="wx(&#39;./web_files/zz/zfb.jpg&#39;)" href="javascript:void(0)">
                    <svg t="1706673186370" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="9677" width="200" height="200">
                        <path
                                d="M308.224 550.8096c-9.17504 7.3728-19.0464 18.18624-21.89312 31.90784-3.8912 18.7392-0.8192 42.20928 17.28512 60.6208 21.9136 22.3232 55.1936 28.42624 69.57056 29.47072 39.07584 2.82624 80.6912-16.54784 112.08704-38.64576 12.288-8.68352 33.3824-26.112 53.49376-52.98176-45.11744-23.30624-101.43744-49.07008-161.64864-46.55104-30.76096 1.29024-52.77696 7.65952-68.89472 16.1792z m572.17024 103.0144A387.072 387.072 0 0 0 911.36 501.76c0-214.54848-174.55104-389.12-389.12-389.12s-389.12 174.57152-389.12 389.12c0 214.56896 174.55104 389.12 389.12 389.12 129.49504 0 244.3264-63.63136 315.12576-161.21856a43639.27552 43639.27552 0 0 0-245.00224-121.05728c-32.39936 36.92544-80.2816 73.9328-134.38976 90.05056-33.9968 10.09664-64.63488 13.96736-96.6656 7.41376-31.744-6.49216-55.0912-21.36064-68.7104-36.2496-6.94272-7.5776-14.90944-17.24416-20.6848-28.73344 0.28672 0.77824 0.6144 1.55648 0.9216 2.31424 0 0-3.31776-5.7344-5.85728-14.82752a71.0656 71.0656 0 0 1-2.68288-23.69536 71.51616 71.51616 0 0 1 1.26976-18.28864c3.1744-15.36 9.728-33.30048 26.7264-49.93024 37.2736-36.49536 87.2448-38.46144 113.09056-38.2976 38.31808 0.2048 104.91904 16.97792 160.9728 36.80256 15.54432-33.0752 25.4976-68.46464 31.9488-92.03712H365.1584v-25.21088h119.7056v-50.42176H339.968v-25.1904h144.91648v-50.42176c0-6.90176 1.37216-12.5952 12.61568-12.5952h56.70912v62.99648h157.53216v25.21088H554.1888v50.42176h126.01344s-12.65664 70.5536-52.224 140.0832c87.81824 31.35488 211.37408 79.6672 252.416 95.82592z"
                                fill="#333333" p-id="9678"></path>
                    </svg>
                    <div class="iconTip">赞助</div>
                </a>
                <!---->
                <a class="iconItem" href="javascript:void(0)" onclick="wx(&#39;./web_files/zz/wx.png&#39;)">
                    <svg t="1706673024708" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="6619" width="200" height="200">
                        <path
                                d="M610.8 443.8h3.6c-12.2-65-75.8-114.5-152.3-114.5-85.3 0-154.5 61.5-154.5 137.3 0 32.8 12.9 62.8 34.5 86.4v62.3l47.8-27.4c21.6 10.2 46.1 15.9 72.2 15.9 3 0 6.1-0.1 9.1-0.2-2.2-9.1-3.3-18.6-3.3-28.4-0.2-72.4 63.9-131.4 142.9-131.4z m-97.3-34.3c12.6 0 22.9 10.2 22.9 22.9 0 12.6-10.2 22.9-22.9 22.9s-22.9-10.2-22.9-22.9c0-12.6 10.3-22.9 22.9-22.9z m-103 45.8c-12.6 0-22.9-10.2-22.9-22.9 0-12.6 10.2-22.9 22.9-22.9s22.9 10.2 22.9 22.9c0 12.6-10.2 22.9-22.9 22.9z m200.3 11.4c-66.4 0-120.2 48.7-120.2 108.7s53.8 108.7 120.2 108.7c12.8 0 25.1-1.8 36.7-5.2l49 28.1v-55.4c21.3-19.6 34.5-46.5 34.5-76.2-0.1-60-53.9-108.7-120.2-108.7z m-34.4 91.6c-9.5 0-17.2-7.7-17.2-17.2s7.7-17.2 17.2-17.2 17.2 7.7 17.2 17.2-7.7 17.2-17.2 17.2z m80.1 0c-9.5 0-17.2-7.7-17.2-17.2s7.7-17.2 17.2-17.2 17.2 7.7 17.2 17.2-7.7 17.2-17.2 17.2zM513.5 112C292.3 112 113 291.3 113 512.5S292.3 913 513.5 913 914 733.7 914 512.5 734.7 112 513.5 112z m0 766.7c-202.2 0-366.2-163.9-366.2-366.2 0-202.2 163.9-366.2 366.2-366.2 202.2 0 366.2 163.9 366.2 366.2 0 202.2-164 366.2-366.2 366.2z"
                                fill="#070707" p-id="6620"></path>
                    </svg>
                    <div class="iconTip">赞助</div>
                </a>

                <!---->

                <a class="iconItem switch" href="javascript:void(0)" onclick="left()">
                    <svg t="1706175679525" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="1880" width="22px" height="22px">
                        <path
                                d="M389.2 98.93H189.43c-49.51 0-89.8 40.28-89.8 89.8V388.5c0 49.51 40.28 89.8 89.8 89.8H389.2c49.51 0 89.8-40.28 89.8-89.8V188.72c0-49.51-40.28-89.79-89.8-89.79z m29.93 289.56c0 16.5-13.43 29.93-29.93 29.93H189.43c-16.5 0-29.93-13.43-29.93-29.93V188.72c0-16.5 13.43-29.93 29.93-29.93H389.2c16.5 0 29.93 13.43 29.93 29.93v199.77zM389.2 547.34H189.43c-49.51 0-89.8 40.28-89.8 89.8v199.77c0 49.51 40.28 89.8 89.8 89.8H389.2c49.51 0 89.8-40.28 89.8-89.8V637.14c0-49.51-40.28-89.8-89.8-89.8z m29.93 289.57c0 16.5-13.43 29.93-29.93 29.93H189.43c-16.5 0-29.93-13.43-29.93-29.93V637.14c0-16.5 13.43-29.93 29.93-29.93H389.2c16.5 0 29.93 13.43 29.93 29.93v199.77zM837.56 98.93H637.79c-49.51 0-89.8 40.28-89.8 89.8V388.5c0 49.51 40.28 89.8 89.8 89.8h199.77c49.51 0 89.8-40.28 89.8-89.8V188.72c0-49.51-40.28-89.79-89.8-89.79z m29.93 289.56c0 16.5-13.43 29.93-29.93 29.93H637.79c-16.5 0-29.93-13.43-29.93-29.93V188.72c0-16.5 13.43-29.93 29.93-29.93h199.77c16.5 0 29.93 13.43 29.93 29.93v199.77zM837.56 547.34H637.79c-49.51 0-89.8 40.28-89.8 89.8v199.77c0 49.51 40.28 89.8 89.8 89.8h199.77c49.51 0 89.8-40.28 89.8-89.8V637.14c0-49.51-40.28-89.8-89.8-89.8z m29.93 289.57c0 16.5-13.43 29.93-29.93 29.93H637.79c-16.5 0-29.93-13.43-29.93-29.93V637.14c0-16.5 13.43-29.93 29.93-29.93h199.77c16.5 0 29.93 13.43 29.93 29.93v199.77z"
                                p-id="1881" fill="#000000"></path>
                    </svg>

                </a>
                <a class="iconItem switch" href="javascript:void(0)">
                    <div class="onoffswitch">
                        <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch"
                               checked="">
                        <label class="onoffswitch-label" for="myonoffswitch">
                            <span class="onoffswitch-inner"></span>
                            <span class="onoffswitch-switch"></span>
                        </label>
                    </div>
                </a>
                <!---->
            </div> <!-- 图标容器结束 -->

            <div class="tanChiShe">
                <img id="tanChiShe" src="./web_files/snake-Light.svg" alt="">
            </div>
        </header> <!-- 头部结束 -->


        <content>
            <!-- 内容开始 -->
            <div class="title">
                <svg t="1705257422086" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="1891" width="26px" height="26px">
                    <path
                            d="M629.333333 202.666667v213.333333h277.333334v448h-512v-213.333333h-277.333334v-448h512z m213.333334 277.333333h-213.333334v170.666667h-170.666666v149.333333h384v-320z m-277.333334-213.333333h-384v320h213.333334v-170.666667h170.666666v-149.333333z m0 213.333333h-106.666666v106.666667h106.666666v-106.666667z"
                            fill="#000000" p-id="1892"></path>
                </svg>
                WebSite
            </div>
            <div class="projectList" id="projectList">

            </div>

            <div class="title">
                <svg t="1705257823317" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="7833" width="26px" height="26px">
                    <path
                            d="M395.765333 586.570667h-171.733333c-22.421333 0-37.888-22.442667-29.909333-43.381334L364.768 95.274667A32 32 0 0 1 394.666667 74.666667h287.957333c22.72 0 38.208 23.018667 29.632 44.064l-99.36 243.882666h187.050667c27.509333 0 42.186667 32.426667 24.042666 53.098667l-458.602666 522.56c-22.293333 25.408-63.626667 3.392-54.976-29.28l85.354666-322.421333zM416.714667 138.666667L270.453333 522.581333h166.869334a32 32 0 0 1 30.933333 40.181334l-61.130667 230.954666 322.176-367.114666H565.312c-22.72 0-38.208-23.018667-29.632-44.064l99.36-243.882667H416.714667z"
                            fill="#000000" p-id="7834"></path>
                </svg>
                skills
            </div>
            <div class="skill">
                <!-- 技能开始 -->
                <!-- 前往https://skillicons.dev/
        生成，一个pc端，一个移动端，区别是一行的个数 -->
                <img id="skillPc" src="./web_files/skillPc.svg" alt="" srcset="">
                <img id="skillWap" src="./web_files/skillWap.svg" alt="" srcset="">
            </div>
            <!-- 技能结束 -->
        </content> <!-- 内容结束 -->

        <footer>
            Copy ©2021 - 2024 |
            <a href="https://beian.miit.gov.cn/">蜀ICP备2023000369号-1</a>
        </footer>

    </div>
</div> <!-- main结束 -->
<!--弹窗-->

<div class="tc">
    <div class="tc-main">
        <img class="tc-img" src="https://jonk.top/" alt="" srcset="">
    </div>
    <div onclick="wx()" class="tc-close">
        <svg t="1700047644371" class="icon" viewBox="0 0 1024 1024" version="1.1"
             xmlns="http://www.w3.org/2000/svg" p-id="950" width="19px" height="19px">
            <path
                    d="M610.616405 512.423878l391.647127 391.939565a68.722849 68.722849 0 0 1 0 98.332161 72.012772 72.012772 0 0 1-100.306115 0l-390.404267-391.354689-392.012675 391.28158a69.74638 69.74638 0 0 1-98.551489-98.551489l391.793346-391.720237L20.988986 119.533891A69.74638 69.74638 0 0 1 119.540475 20.982402l392.158893 392.451331L901.957417 23.248793a72.012772 72.012772 0 0 1 100.306115 0 68.722849 68.722849 0 0 1 0 98.332161L610.616405 512.423878z"
                    p-id="951" fill="#000000"></path>
        </svg>
    </div>
</div>


<div style="display: none" id="websittemp">
    <a class="projectItem fade-in-visible" target="_blank" href="SITE_HERF">
        <!-- 项目项开始 -->
        <div class="projectItemLeft">
            <h1>SITE_H1</h1>
            <p>SITE_DESC</p>
        </div>
        <div class="projectItemRight">
            <img src="SITE_IMG" alt="">
        </div>
        <!-- 项目项结束 -->
    </a>

</div>
<div style="display: none" id="line_li">
    <li>
        <div class="focus"></div>
        <div>LINE_TIME</div>
        <div>LINE_TITLE</div>
    </li>

</div>


<script src="./web_files/script.js"></script>
<script src="./web_files/jquery.min-3.2.1.js"></script>

<script charset="UTF-8" id="LA_COLLECT" src="./web_files/js-sdk-pro.min.js"></script>
<script>
    LA.init({id: "KFqltKSkJgQTGD9l", ck: "KFqltKSkJgQTGD9l"})

    function getD1() {
        var date = new Date();
        var d1 = date.toLocaleString();
        document.getElementById("datetime").innerHTML = d1;
    }

    setInterval("getD1();", 1000);

</script>
<script type="text/javascript">
    $(function () {
        $.getJSON("web_files/website.json", function (data) {
            var projectList = $("#projectList");
            let newProjectHtml ="";
            projectList.empty();//清空内容
            $.each(data, function (haha, info) {
                let strHtml = $("#websittemp").html();//存储数据的变量
                strHtml = strHtml.replace("SITE_HERF", info.SITE_HERF);
                strHtml = strHtml.replace("SITE_H1", info.SITE_H1);
                strHtml = strHtml.replace("SITE_DESC", info.SITE_DESC);
                let img = "./web_files/i1.png";
                if(info.SITE_IMG){
                    img=info.SITE_IMG;
                }
                strHtml = strHtml.replace("SITE_IMG",img);
                newProjectHtml+=strHtml;
            })
            projectList.html(newProjectHtml);//显示处理后的数据
        })

        $.getJSON("web_files/timeline.json", function (data) {
            let projectList = $("#line");
            let newProjectHtml ="";
            projectList.empty();//清空内容
            $.each(data, function (haha, info) {
                let strHtml = $("#line_li").html();//存储数据的变量
                strHtml = strHtml.replace("LINE_TIME", info.LINE_TIME);
                strHtml = strHtml.replace("LINE_TITLE", info.LINE_TITLE);
                newProjectHtml+=strHtml;
            })
            projectList.html(newProjectHtml);//显示处理后的数据
        })

    })
</script>

</body>

</html>